<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<sj:head jqueryui="true" jquerytheme="redmond" />
<script type="text/javascript">
function onClickSave(){
	window.location = "saveContactAction.action";
}
</script>
</head>
<body>
	<s:url id="saveContactActionUrl" action="saveContactAction"></s:url>
	<s:url id="lookupUrl" ></s:url>
	<s:form id="formEditContact" theme="simple" action="saveContactAction">
		<fieldset>
			<legend>
				<font color="green" ><b>Create New Contact</b>
				</font>
			</legend>
			<div>
			<table>
				<tr>
					<td>First Name <font color="red">*</font> </td>
					<td> <s:textfield name="firstName"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Manager Name</td>
					<td>
						<s:textfield name="managerName" disabled="true"></s:textfield>
						<s:a href="%{lookupUrl}">Lookup</s:a>
					</td>
				</tr>
				
				<tr>
					<td>Sur Name<font color="red">*</font></td>
					<td> <s:textfield name="surName"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Contact Type<font color="red">*</font></td>
					<td>
						<s:select list="#{'01':'January','02':'February','03':'March','04':'April'}"
							name="contactType">
						</s:select>						
					</td>
				</tr>
				
				<tr>
					<td>Known As</td>
					<td> <s:textfield name="knownAs" ></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Best Contact Method</td>
					<td>
						<s:select list="#{'01':'January','02':'February','03':'March','04':'April'}"
							name="bestContactMethod">
						</s:select>	
					</td>
				</tr>
				
				<tr>
					<td>Office Phone</td>
					<td> <s:textfield name="officePhone"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Job Role</td>
					<td>
						<s:textfield name="jobRole"></s:textfield>						
					</td>
				</tr>
				
				<tr>
					<td>Mobile Phone</td>
					<td> <s:textfield name="mobilePhone"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Workbase</td>
					<td>
						<s:textfield name="workbase"></s:textfield>	
					</td>
				</tr>
				
				<tr>
					<td>ST Home Phone</td>
					<td> <s:textfield name="stHomePhone"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Job Title</td>
					<td>
						<s:textfield name="jobTitle" ></s:textfield>						
					</td>
				</tr>
				
				<tr>
					<td>Email Address</td>
					<td> <s:textfield name="email"></s:textfield> </td>
					<td style="width:20px"></td>
					<td>Is Active?</td>
					<td>
						<s:checkbox name="isActive"></s:checkbox>						
					</td>
				</tr>
			</table>
			</div>
			<br>
			<div>				
				<sj:a formIds="formEditContact" button="true" onclick="onClickSave()">Save</sj:a>
				<sj:submit button="true" value="Back" />
			</div>
		</fieldset>
	</s:form>
</body>
</html>